<div>
	<div class="header">
		<a href="javascript:Global.backHome();" class="btn btnleft">返回</a>
		<h1>{{headerName}}</h1>
		<a href="javascript:pageload{{identify}}();" class="btn btnright">刷新</a>
	</div>
	<div class="content nobottom">
		<div class="scroller" style="margin:4px;">
			<ul class="list" id="usersubscribeproductlist{{identify}}"></ul>
			<button type="button" id="loadmore{{identify}}" class="btn btn-default btn-lg btn-block" style="margin-top:5px;">加载更多</button>
		</div>
	</div>
	<script type="text/javascript">
	$(document).ready(function() {
		Global.loading();
		var data{{identify}} = {
				'product.productLocation': '{{this.productNameKey}}',
				'product.productName': '{{this.productNameKey}}',
				'product.saleType': '{{this.saleType}}',
				'product.credit': '{{this.credit}}'
		};
		function loadItems{{identify}}(params) {
			$.ajax({
				type: 'GET',
		    	url: GLOBAL_CONTEXT_PATH + '/product/listJsonItems.html?_=' + new Date().getTime(),
		    	dataType: 'json',
		    	data: params,
		    	crossDomain: true,
		    	success: function (data){
		    		$('#usersubscribeproductlist{{identify}}').append(Global.loadFragment('listitems', data));
		    		Global.loaded();
		    	}
			});
		}
		loadItems{{identify}}(data{{identify}});
		$('#loadmore{{identify}}').click(function() {
			var last = $('#usersubscribeproductlist{{identify}} li:last');
			if (last.length > 0) {
				var dataCreated = last.attr('timestamp');
				if (!dataCreated) {//如果没有取到dataCreated字段，就直接返回不做任何处理。
					return;
				}
				loadItems{{identify}}($.extend({}, data{{identify}}, {
					'product.dateCreated': dataCreated.replace(/T/ig, ' '),
					'itemcount': $('#usersubscribeproductlist{{identify}} li').length,
					'itemaction': 'up'
				}));
			}
		});
	});
	<{{!}}/script>
</div>